<script setup lang="ts">
import useInput from "./hooks/useInput";
import Overlay from "@/components/Overlay/index.vue";
defineOptions({ name: "Search" });
const { setInputValue } = useInput("inputRef");
</script>
<template>
  <div>
    <div class="w-278 mx-auto flex justify-between items-center">
      <div
        class="w-full h-38 rounded-38 bg-[url(@/assets/svg/Group_186.svg)] bg-no-repeat bg-cover bg-center"
        @click="setInputValue"
      >
        <input
          class="w-full h-full rounded-38 pl-40 color-#003E73 placeholder:font-400 placeholder:text-14 placeholder:color-#003E73 placeholder:lh-16 placeholder:text-left placeholder:not-italic"
          placeholder="ตรวจผลสลากกินแบ่งรัฐบาล"
          ref="inputRef"
          readonly
        />
      </div>
    </div>
    <Overlay />
  </div>
</template>

<style lang="scss" scoped></style>
